<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="zh-cn">
    <meta charset="UTF-8"/>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-touch-fullscreen" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="description" content="厚和尚品"/>
    <meta name="keywords" content="厚和尚品"/>
    <title>厚和尚品</title>
    <link rel="apple-touch-icon-precomposed" href=""/>
    <link rel="apple-touch-startup-image" href=""/>
    <link rel="stylesheet" href="mall/css/css.css" th:href="@{/mall/css/css.css}" />
    <script type="text/javascript" src="mall/lib/zpeto/zepto-1.2.0.min.js"
	th:src="@{/mall/lib/zpeto/zepto-1.2.0.min.js}"></script>
    <script type="text/javascript" src="mall/js/comm.js"
	th:src="@{/mall/js/comm.js}"></script>
	<script src="mng/js/jquery.min.js?v=2.1.4"
		th:src="@{/mng/js/jquery.min.js?v=2.1.4}"></script>
	<script type="text/javascript" src="mall/js/jquery.cityselect.js"
	th:src="@{/mall/js/jquery.cityselect.js}"></script>
	<!--  引入 -->
</head>
<body>
<form th:action="@{/member/saveaddr}" method="post">
<div class="single-row consignee">
    <label class="title">收货人</label>
    <div class="cnt">
        <input type="text" name="name" placeholder="名字" required="required"/>
    </div>
</div>
<div style="margin:0 .3rem;"><div class="seperator-wrap"><hr class="seperator"/></div></div>
<div class="single-row consignee">
    <label class="title">联系电话</label>
    <div class="cnt">
        <input type="text" name="phoneNo" placeholder="手机或固定电话" required="required"/>
    </div>
</div>
<div style="margin:0 .3rem;"><div class="seperator-wrap"><hr class="seperator"/></div></div>
<div class="single-row consignee">
    <label class="title">地址</label>
    <div class="cnt mui-flex" id="city">
        <div class="linkage cell">
            <p class="select-face">选择省份</p>
            <select class="prov select-input" name="province" >
                <option value="选择省份">选择省份</option>
                <option value="北京">北京</option>
                <option value="天津">天津</option>
            </select>
        </div>
        <div class="linkage cell">
            <p class="select-face">选择城市</p>
            <select class="city select-input"  name="city" >
                <option value="选择城市">选择城市</option>
                <option value="北京">北京</option>
                <option value="天津">天津</option>
            </select>
        </div>
        <div class="linkage cell">
            <p class="select-face">选择地区</p>
            <select class="dist select-input"  name="district" >
                <option value="选择地区">选择地区</option>
                <option value="北京">北京</option>
                <option value="天津">天津</option>
            </select>
        </div>
    </div>
</div>
<div style="margin:0 .3rem;"><div class="seperator-wrap"><hr class="seperator"/></div></div>
<div class="single-row consignee">
    <label class="title">详细地址</label>
    <div class="cnt">
        <input type="text" name="address" placeholder="如街道，楼层，门牌号等" required="required"/>
    </div>
</div>
<div style="margin:0 .3rem;"><div class="seperator-wrap"><hr class="seperator"/></div></div>
<div class="single-row consignee">
    <label class="title">邮政编码</label>
    <div class="cnt">
        <input type="text" name="zipCode" placeholder="邮政编码（选填）"/>
    </div>
</div>
<div style="margin:0 .3rem;"><div class="seperator-wrap"><hr class="seperator"/></div></div>
<div class="single-row consignee">
    <label class="title">设为默认</label>
    <div class="cnt">
        <input type="checkbox" value="1" name="defaultFlag" checked="checked"/>
    </div>
</div>
<div class="seperator-wrap"><hr class="seperator"/></div>
<div class="ft-btn-wrap mui-flex ">
    <div  class="cell"  >
			<button class="btn btn-red " type="submit" >保存</button>
	</div>
</div>

</form>
<script type="text/javascript">
	$(function(){
		$("#city").citySelect({
			nodata:"none",
			required:false
		}); 
	});
</script>
</body>
</html>